/*css document*/

*{
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height:100%;
}

#m{
    height:100%;
    width:100%;
    position:relative;
	background:url(bg.jpg) no-repeat;
	background-size:100% 100%;
	overflow:hidden;

}
#h,#s{
    position:absolute;
    top:0;
    left:0;
}

#h{
    width:100%;
    height:30%;
    z-index:1;
    background:url(top.png);
    background-size:100% 100%;
}
#ad{
	position:absolute;
	top:11%;
	left:24.8%;
	width:50%;
	height:37.5%;
	background:green;
	border:1px solid #fff;
	overflow:hidden;
}

#adtabs {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	width:100%;
	height:100%;
	-webkit-transform:translateX(0px);
	-webkit-transition:0.8s all ease;
}
#adtabs.tran {
		
}
#adtabs li{
	float:left;
	
}
#adtabs li img{
	width:100%;
	height:100%;
}

/*
left 159 	24.8%
right 163	25.4%
width 317   49.5%
height 97	37.3%
top 28		10.7%


parent width 640
parent height 260
*/
#s{
    top:23%;
    width:100%;
    height:76%;
    position:relative;
	z-index:5;	
}
#tabs{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	width:280px;
	height:300px;
	list-style:none;
	
}
#tabs li{
	width:200px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition:0.5s all ease;
	-webkit-transform:perspective(800px) translateX(0px) rotateY(0deg);
	z-index:2;
	opacity:0;
	background:#dedede;
	color:#151515;
}
#tabs li img{
	width: 100%;
	height:100%;
}
#tabs .center {
		opacity:1;z-index:10;
		-webkit-transform:
		scale(1);
}
#tabs .l1{
		-webkit-transform:perspective(400px)
		scale(0.868)
		translateX(-92.5%)
		rotateY(-30deg);
		opacity:1;
		
	}

#tabs .r1{
		-webkit-transform:perspective(400px)
		scale(0.868)
		translateX(92.5%)
		rotateY(30deg);
		opacity:1;
	}
#tabs .l1 .mask,#tabs .r1 .mask{
		display:block;
}	
#tabs .mask{
		position:absolute;
		left:0;top:0;
		width:100%;
		height:100%;
		z-index:5;
		background:rgba(0,0,0,0.6);
		
		display:none;
	}



a.btn{
    position:absolute;
    bottom:0;
    width:96%;
    margin:0 2%;
    text-decoration:none;
    display:block;
    height: 44px;
    line-height:44px;

    background:url(btn.png) center center no-repeat ;
    background-size:100% 44px;
    /*border:1px solid #ccc;*/
    /*border-radius:4px;*/
    font-size:12px;
    font-weight:bold;
    color:#002757;
    text-align:center;
}
a.btn:active{

	background:url(btn_active.png) center center no-repeat ;
    background-size:100% 44px;
	
}